@charset "utf-8";
html,body{font-size: 0.324rem;max-width: 768px;margin: 0 auto;}
.hide{display: none !important;}
/*超出隐藏*/
.overHidden{overflow: hidden;}
/*左浮动*/
.floatLeft{float: left;}
/*右浮动*/
.rightRight{float: right;}
/*头部*/
header{display: flex;justify-content: center;position: relative;background-color: #42bd56;color: #ffffff;}
.header-logo{width: 2.8rem;height: 0.9rem;margin-top: 0.2rem;margin-right: 0.5rem;}
.header-menu{width: 0.6rem;height: 0.5rem;position: absolute;top: 0.4rem;right: 0.5rem;z-index: 9;cursor: pointer;}
header>div{line-height: 1.3rem;}
section{margin-bottom: 1rem !important;}
footer{background-color: #000000;padding: 1rem !important;display: flex;justify-content: center;color: #a1a1a1;}
.footer-left>img{width: 2rem;height: 2rem;}
.footer-right{line-height: 2;margin-left: 10px;margin-top: -5px;}
.footer-left>div{line-height: 2;text-align: center;}
.headerMenu{width: 5rem;height: 15rem;background-color: #000000;color: #ffffff;position: fixed;top: 0;left: -5rem;z-index: 99;}
.headerMenu>a{display: block;overflow: hidden;margin: 0.8rem 0;}
.headerMenu>a>img{width: 0.8rem;display: block;margin: 0 auto;}
.headerMenu>a>div{text-align: center;line-height: 2;color: #ffffff;}
.selectMenuCol{color: #42bd56 !important;}
.headerImages img{width: 100%;height: 5rem;}
.swiper-pagination-bullet{width: 1rem;height: 0.1rem;display: inline-block;border-radius: 0;background: #ffffff;opacity: 1;}
.swiper-pagination-bullet-active{opacity: .2;background: #ffffff;}
.titleCent{padding: 0.5rem 0.2rem 0.2rem 0.2rem;text-align: left;}
.titleCent>div{display: inline-block;}
.titleCent>div:first-child{font-size: 0.5rem;color: #000000;font-weight: 500;}
.titleCent>div:last-child{font-size: 0.324rem;color: #999999;}
.All-cen{width: 100%;overflow: hidden;padding-left: 0.2rem;}
.All-cen>div{margin: 0 auto;color: #3b3b3b;width: 100%;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.All-cen>div>img{display: inline-block;margin-right: 0.3rem;width: 5rem;height: 3rem;border-radius: 0.2rem;}
.slideMore{display: flex;justify-content: center; color: #999999;}
.slideMore>div{padding: 0 0.3rem;position: relative;top: 0.1rem;}
.homeDecoration{padding: 0 0.2rem;}
.homeDecoration>a{display: inline-block;width: calc((100% - 0.2rem)/2);margin-right: 0.2rem;}
.homeDecoration>a:nth-child(2n){margin-right: 0;}
.homeDecoration>a>div{text-align: center;color: #000000;font-size: 0.402rem;padding: 0.2rem 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 1rem;
    line-height: 2;
    -webkit-box-orient: vertical;}
.homeDecoration>a>img{width: 100%;height: 4rem;border-radius: 0.2rem;}
.moreCase{width: 100%;height: 1rem;line-height: 1rem;text-align: center;color: #ffffff;background-color: #42bd56;display: block;margin: 0.3rem 0;}
.customized{width: 100%;height: 3.5rem;}
.designTeam{padding: 0 0.2rem;}
.designTeam>a{width: calc((100% - 0.6rem)/4);margin-right: 0.2rem;margin-bottom: 0.3rem;}
.designTeamCent{padding: 0 0.3rem;}
.designTeamCent>a{width: calc((100% - 0.4rem)/3);margin-right: 0.2rem;margin-bottom: 0.3rem;}
.designTeamCent>a:nth-child(3n){margin-right: 0;}
.designTeam>a:nth-child(4n){margin-right: 0;}
.designTeam>a>img{width: 100%;height: 2.5rem;margin-bottom: 0.2rem;}
.designTeamCent>a>img{width: 100%;height: 3rem;margin-bottom: 0.2rem;}
.designTeam>a>div,.designTeamCent>a>div{text-align: center;color: #000000;line-height: 1.5;}
.designTeam>a>div:last-child,.designTeamCent>a>div:last-child{text-align: center;color: #999999;}
.process{padding: 0 0.2rem;}
.process>div>a{display: inline-block;width: 50%;text-align: center;padding: 0.5rem 0.3rem;}
.process>div:nth-child(odd)>a:nth-child(odd){background-color: #f0efef;}
.process>div:nth-child(odd)>a:nth-child(even){background-color: #42bd56;}
.process>div:nth-child(even)>a:nth-child(even){background-color: #f0efef;}
.process>div:nth-child(even)>a:nth-child(odd){background-color: #42bd56;}
.process img{width: 0.8rem;height: 0.8rem;}
.process>div>a>div{font-size: 0.405rem;color: #000000;margin: 0.2rem 0;}
.process>div>a>div:last-child{font-size: 0.402rem;color: #999999;,margin: 0;}
.process>div:nth-child(odd)>a:nth-child(even)>div{color: #ffffff;}
.process>div:nth-child(even)>a:nth-child(odd)>div{color: #ffffff;}
.knowledge{padding: 0 0.2rem;}
.designCent{padding-top: 0.3rem;}
.knowledge>a{display: block;overflow: hidden;margin-bottom: 0.3rem;}
.knowledge-left{width: 4rem;height: 3rem;float: left;}
.knowledge-right{width: calc(100% - 4rem);float: left;padding-left: 10px;}
.knowledge-right>div:nth-child(1){font-size: 0.405rem;color: #000000;margin-bottom: 0.2rem;margin-top: 0.1rem;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.knowledge-right>div:nth-child(2){overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;margin-bottom: 0.2rem;}
.knowledge-right>div:nth-child(3){padding: 0.25rem 0.2rem;background-color: #42bd56;font-size: 0.324rem;text-align: center;display: inline-block;color: #ffffff;}
/*更多案例*/
.moreCaseCent{border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;margin: 0.3rem 0;padding: 0.3rem 0;display: flex;justify-content: center;}
.moreCaseCent>div{width: calc((100% - 2px)/3);border-right: 1px solid #ededed;text-align: center;}
.moreCaseCent>div:last-child{border-right: 0;}
.designCent>a{display: block;margin-bottom: 0.2rem;}
.apartment{padding: 0 0.3rem;overflow: hidden;margin-bottom: 0.2rem;}
.apartment>div{float: left;margin-right: 0.25rem;padding: 0.2rem 0.4rem;border: 1px solid #ededed;margin-bottom: 0.3rem;}
.designCentImg-top{padding: 0 0.3rem;}
.designCentImg-top>img{width: 100%;height: 4rem;border-radius: 0.2rem;}
.designCentData{padding: 0.3rem;}
.designCent-top{font-size: 0.402rem;color: #000000;line-height: 1.5;}
.designCent-bot{color: #999999;font-size: 0.402rem;line-height: 1.5;display: none;}
.designCent-left{    padding-top: 0.2rem;
    width: calc(100% - 2.5rem);
    overflow: hidden;
    height: 0.8rem;}
.pagination{display: flex;justify-content: center;}
.pagination li{    margin-right: 0.4rem;
    font-size: 0.5rem;}
.designCent-right{background-color: #42bd56;color: #ffffff;width: 2.5rem;line-height: 1rem;font-size: 0.324rem;text-align: center;margin-top: 0.15rem;}
.paging{padding: 0 0.5rem;width: 100%;overflow: hidden;}
.paging>div{float: left;}
.paging-left,.paging-right{border: 1px solid #42bd56;border-radius: 0.2rem;padding: 0.2rem 0;color: #42bd56;width: 1.8rem;text-align: center;}
.paging-center{width: calc(100% - 3.6rem);text-align: center;line-height: 0.8rem;color: #999999;}
/*关于我们*/
.aboutUs-top,.aboutUs-bot{padding: 0.3rem 0.2rem;}
.aboutUs-top-title,.aboutUs-bot-title{text-align: center;font-size: 0.402rem;margin-bottom: 0.3rem;}
.aboutUs-top-cent{line-height: 1.5;text-indent: 2em;margin-bottom: 0.2rem;}
.aboutUs-top-img,.aboutUs-bot-img{width: 100%;height: 4rem;}
.aboutUs-bot-adress{line-height: 1.5;margin-top: 0.2rem;}
.aboutUs-bot-img{margin-bottom: 0.2rem;}
.loadMore{line-height: 2rem;color: #999999;font-size: 0.402rem;text-align: center;}
.returnTop{width: 1rem;position: fixed;right: 0.2rem;bottom: 6rem;z-index: 99;}
/*新闻列表*/
.renovation-title{padding: 0.3rem 0.2rem;font-size: 0.405rem;}
.renovationCent{padding: 0 0.2rem 1rem 0.2rem;}
.renovationCent>a{display: block;border-bottom: 1px solid #ededed;padding: 0.3rem 0;}
.renovationCent-right{width: 25px;text-align: right;padding-top: 0.35rem;}
.renovationCent-left{width: calc(100% - 25px);}
.renovationCent-top{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 0.4rem;color: #999999;line-height: 1.5;}
.renovationCent-bot{font-size: 0.324rem;color: #999999;line-height: 1.5;}
/*装修详情*/
.renovation-information{line-height: 2;font-size: 0.375rem;color: #999999;padding: 0.3rem;}
.renovation-information img{width: 100%;margin: 0.2rem 0;}
.renovationPage{padding: 0.3rem 0.5rem;}
.renovationPage>div{border: 1px solid #42bd56;border-radius: 0.2rem;padding: 0.2rem 0;color: #42bd56;width: 1.8rem;text-align: center;}
/*留言给我们*/
.leavingMessage-title{line-height: 2rem;text-align: center;font-size: 0.405rem;color: #000000;}
.leavingMessage-cent{padding: 0 0.5rem;}
.leavingMessage-cent-top{overflow: hidden;font-size: 0.375rem;}
.leavingMessage-cent-top>div,.leavingMessage-cent-top>span{float: left;}
.leavingMessage-cent-top>p,.leavingMessage-cent-top>div{color: #999999;}
.leavingMessage-cent-top>span{color: red;margin-left: 3px;}
.leavingMessage-cent-top>p{margin-left: 3px;display: inline-block;}
.leavingMessage-cent>div>input{width: 100%;min-height: 0.8rem;border-bottom: 1px solid #ededed;line-height: 1.5;margin-bottom: 0.3rem;}
.leavingMessage-cent>div>textarea{width: 100%;height: 3rem;line-height: 1.5;margin-bottom: 0.3rem;outline: none;border: 1px solid #ededed;margin-top: 0.2rem;border-radius: 0.2rem;padding: 10px;}
.submitButoon{width: 100%;line-height: 1rem;background-color: #42bd56;color: #ffffff;font-size: 0.402rem;text-align: center;margin: 0.8rem 0;border-radius: 0.1rem;}

